<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>穷游</title>
    <link rel="stylesheet" href="lib/css/bootstrap.main.css"/>
    <link rel="stylesheet" href="communal/css/ckindex.css"/>
    <script src="lib/js/jquery-1.11.1.min.js"></script>
    <script src="lib/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="container-fluid all">
        <div class="row">
           <!--header-box-->
            <div class="container-fluid header-box">
                <div class="row">
                    <!--头部选择框-->
                    <div class="col-md-12">
                        <div class="row">
                            <ul class="headerul">
                                <li>
                                    <a href="#">
                                        <img src="communal/imgs/logo.png" alt="0.0" class="index-logo"/>
                                    </a>
                                </li>
                                <li class="func-li">
                                    <a href="#">目的地</a>
                                </li>
                                <li class="func-li">
                                    <a href="#">酒店</a>
                                </li>
                                <li class="func-li">
                                    <a href="#">社区</a>
                                </li>
                                <li class="func-li login-li">
                                    <a href="#">登录</a>
                                </li>
                                <li class="func-li reg-li">
                                    <a href="#">注册</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--图片轮播区-->
                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                        <!-- Indicators -->
                        <!--<ol class="carousel-indicators">-->
                        <!--<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>-->
                        <!--<li data-target="#carousel-example-generic" data-slide-to="1"></li>-->
                        <!--<li data-target="#carousel-example-generic" data-slide-to="2"></li>-->
                        <!--<li data-target="#carousel-example-generic" data-slide-to="3"></li>-->
                        <!--<li data-target="#carousel-example-generic" data-slide-to="4"></li>-->
                        <!--</ol>-->

                        <!-- Wrapper for slides -->
                        <div class="carousel-inner" role="listbox">
                            <!--图片一-->
                            <div class="item active">
                                <a href="#">
                                    <div>
                                        <img src="communal/imgs/bg1.jpg" alt="0.0" class="car-pic">
                                    </div>
                                    <div class="carousel-caption">
                                    </div>
                                </a>
                                <!--图片简介-->
                                <div class="summary text-center">
                                    <p class="place-p">
                                        <a href="#">穷游锦囊丨莫斯科</a>
                                    </p>
                                    <p class="sum-p">
                                        <a href="#">闪耀金光的城墙楼塔,色彩斑斓的洋葱顶教堂</a>
                                    </p>
                                </div>
                            </div>
                            <!--图片二-->
                            <div class="item">
                                <a href="#">
                                    <div>
                                        <img src="communal/imgs/bg2.jpg" alt="0.0" class="car-pic">
                                    </div>
                                    <div class="carousel-caption"></div>
                                </a>
                                <!--图片简介-->
                                <div class="summary text-center">
                                    <p class="place-p">
                                        <a href="#">[挪威游记攻略]从峡湾到罗弗敦的15天奇妙之旅</a>
                                    </p>
                                    <p class="sum-p">
                                        <a href="#">xieliang02</a>
                                    </p>
                                </div>
                            </div>
                            <!--图片三-->
                            <div class="item">
                                <a href="#">
                                    <div>
                                        <img src="communal/imgs/bg3.jpg" alt="0.0" class="car-pic">
                                    </div>
                                    <div class="carousel-caption"></div>
                                </a>
                                <!--图片简介-->
                                <div class="summary text-center">
                                    <p class="place-p">
                                        <a href="#">[印度游记攻略]不远的远方,镜头下的印度之美</a>
                                    </p>
                                    <p class="sum-p">
                                        <a href="#">二_两_小_面</a>
                                    </p>
                                </div>
                            </div>
                            <!--图片四-->
                            <div class="item">
                                <a href="#">
                                    <div>
                                        <img src="communal/imgs/bg4.jpg" alt="0.0" class="car-pic">
                                    </div>
                                    <div class="carousel-caption"></div>
                                </a>
                                <!--图片简介-->
                                <div class="summary text-center">
                                    <p class="place-p">
                                        <a href="#">穷游锦囊丨濑户内海</a>
                                    </p>
                                    <p class="sum-p">
                                        <a href="#">星罗棋布的岛屿,与草间弥生色彩鲜艳的大南瓜雕塑不期而遇</a>
                                    </p>
                                </div>
                            </div>
                            <!--图片五-->
                            <div class="item">
                                <a href="#">
                                    <div>
                                        <img src="communal/imgs/bg5.jpg" alt="0.0" class="car-pic">
                                    </div>
                                    <div class="carousel-caption"></div>
                                </a>
                                <!--图片简介-->
                                <div class="summary text-center">
                                    <p class="place-p">
                                        <a href="#">[冰岛游记攻略]果小姐的慢生活之冰岛深呼吸</a>
                                    </p>
                                    <p class="sum-p">
                                        <a href="#">Kyleshi</a>
                                    </p>
                                </div>
                            </div>
                        </div>

                        <!--Controls -->
                        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                </div>
            </div>

            <!---------------------------section-box--------------------------->
            <div class="container-fluid section-box2">
                <div class="row">
                    <!--猜你感兴趣盒子-->
                    <div class="col-md-8 col-md-offset-2">
                        <div class="row">
                            <!--引导提示标题-->
                            <div class="section-top text-center" style="padding: 30px 0;">
                                <h1>猜你感兴趣</h1>
                            </div>
                            <!--具体的内容：图片，文字等-->
                            <div class="section-pic">
                                <!--<div class="row">-->
                                    <ul class="section-ul">
                                        <li>
                                            <!--推荐的图片div-->
                                            <div class="rec-div">
                                                <a href="#">
                                                    <img src="communal/imgs/rec1.jpg" alt="0.0" class="rec-pic"/>
                                                </a>
                                            </div>
                                            <!--图片简介div-->
                                            <div class="sum-pic-box">
                                                <p class="sum-palce-name">
                                                    <a href="#">
                                                        地点名字
                                                    </a>
                                                </p>
                                                <p class="writer">
                                                    <a href="#">
                                                        作者或者分类
                                                    </a>
                                                </p>
                                            </div>
                                            <!--图片标签及浏览量-->
                                            <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <!--推荐的图片div-->
                                            <div class="rec-div">
                                                <a href="#">
                                                    <img src="communal/imgs/rec2.jpg" alt="0.0" class="rec-pic"/>
                                                </a>
                                            </div>
                                            <!--图片简介div-->
                                            <div class="sum-pic-box">
                                                <p class="sum-palce-name">
                                                    <a href="#">
                                                        地点名字
                                                    </a>
                                                </p>
                                                <p class="writer">
                                                    <a href="#">
                                                        作者或者分类
                                                    </a>
                                                </p>
                                            </div>
                                            <!--作者及浏览-->
                                            <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <!--推荐的图片div-->
                                            <div class="rec-div">
                                                <a href="#">
                                                    <img src="communal/imgs/rec3.jpg" alt="0.0" class="rec-pic"/>
                                                </a>
                                            </div>
                                            <!--图片简介div-->
                                            <div class="sum-pic-box">
                                                <p class="sum-palce-name">
                                                    <a href="#">
                                                        地点名字
                                                    </a>
                                                </p>
                                                <p class="writer">
                                                    <a href="#">
                                                        作者或者分类
                                                    </a>
                                                </p>
                                            </div>
                                            <!--作者及浏览-->
                                            <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <!--推荐的图片div-->
                                            <div class="rec-div">
                                                <a href="#">
                                                    <img src="communal/imgs/rec4.jpg" alt="0.0" class="rec-pic"/>
                                                </a>
                                            </div>
                                            <!--图片简介div-->
                                            <div class="sum-pic-box">
                                                <p class="sum-palce-name">
                                                    <a href="#">
                                                        地点名字
                                                    </a>
                                                </p>
                                                <p class="writer">
                                                    <a href="#">
                                                        作者或者分类
                                                    </a>
                                                </p>
                                            </div>
                                            <!--作者及浏览-->
                                            <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <!--推荐的图片div-->
                                            <div class="rec-div">
                                                <a href="#">
                                                    <img src="communal/imgs/rec5.jpg" alt="0.0" class="rec-pic"/>
                                                </a>
                                            </div>
                                            <!--图片简介div-->
                                            <div class="sum-pic-box">
                                                <p class="sum-palce-name">
                                                    <a href="#">
                                                        地点名字
                                                    </a>
                                                </p>
                                                <p class="writer">
                                                    <a href="#">
                                                        作者或者分类
                                                    </a>
                                                </p>
                                            </div>
                                            <!--作者及浏览-->
                                            <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <!--推荐的图片div-->
                                            <div class="rec-div">
                                                <a href="#">
                                                    <img src="communal/imgs/rec6.jpg" alt="0.0" class="rec-pic"/>
                                                </a>
                                            </div>
                                            <!--图片简介div-->
                                            <div class="sum-pic-box">
                                                <p class="sum-palce-name">
                                                    <a href="#">
                                                        地点名字
                                                    </a>
                                                </p>
                                                <p class="writer">
                                                    <a href="#">
                                                        作者或者分类
                                                    </a>
                                                </p>
                                            </div>
                                            <!--作者及浏览-->
                                            <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <!--推荐的图片div-->
                                            <div class="rec-div">
                                                <a href="#">
                                                    <img src="communal/imgs/rec7.jpg" alt="0.0" class="rec-pic"/>
                                                </a>
                                            </div>
                                            <!--图片简介div-->
                                            <div class="sum-pic-box">
                                                <p class="sum-palce-name">
                                                    <a href="#">
                                                        地点名字
                                                    </a>
                                                </p>
                                                <p class="writer">
                                                    <a href="#">
                                                        作者或者分类
                                                    </a>
                                                </p>
                                            </div>
                                            <!--作者及浏览-->
                                            <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                            </div>
                                        </li>
                                        <li>
                                            <!--推荐的图片div-->
                                            <div class="rec-div">
                                                <a href="#">
                                                    <img src="communal/imgs/rec8.jpg" alt="0.0" class="rec-pic"/>
                                                </a>
                                            </div>
                                            <!--图片简介div-->
                                            <div class="sum-pic-box">
                                                <p class="sum-palce-name">
                                                    <a href="#">
                                                        地点名字
                                                    </a>
                                                </p>
                                                <p class="writer">
                                                    <a href="#">
                                                        作者或者分类
                                                    </a>
                                                </p>
                                            </div>
                                            <!--作者及浏览-->
                                            <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                            </div>
                                        </li>
                                    </ul>
                                <!--</div>-->
                            </div>
                        </div>
                    </div>
                    <!--主题推荐盒子-->
                    <div class="col-md-8 col-md-offset-2">
                        <div class="row">
                            <!--引导提示标题-->
                            <div class="section-top text-center" style="padding: 30px 0;">
                                <h1>主题推荐</h1>
                            </div>
                            <!--具体的内容：图片，文字等-->
                            <div class="section-pic">
                                <!--<div class="row">-->
                                <ul class="section-ul">
                                    <li>
                                        <!--推荐的图片div-->
                                        <div class="rec-div">
                                            <a href="#">
                                                <img src="communal/imgs/rec1.jpg" alt="0.0" class="rec-pic"/>
                                            </a>
                                        </div>
                                        <!--图片简介div-->
                                        <div class="sum-pic-box">
                                            <p class="sum-palce-name">
                                                <a href="#">
                                                    地点名字
                                                </a>
                                            </p>
                                            <p class="writer">
                                                <a href="#">
                                                    作者或者分类
                                                </a>
                                            </p>
                                        </div>
                                        <!--图片标签及浏览量-->
                                        <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                        </div>
                                    </li>
                                    <li>
                                        <!--推荐的图片div-->
                                        <div class="rec-div">
                                            <a href="#">
                                                <img src="communal/imgs/rec2.jpg" alt="0.0" class="rec-pic"/>
                                            </a>
                                        </div>
                                        <!--图片简介div-->
                                        <div class="sum-pic-box">
                                            <p class="sum-palce-name">
                                                <a href="#">
                                                    地点名字
                                                </a>
                                            </p>
                                            <p class="writer">
                                                <a href="#">
                                                    作者或者分类
                                                </a>
                                            </p>
                                        </div>
                                        <!--作者及浏览-->
                                        <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                        </div>
                                    </li>
                                    <li>
                                        <!--推荐的图片div-->
                                        <div class="rec-div">
                                            <a href="#">
                                                <img src="communal/imgs/rec3.jpg" alt="0.0" class="rec-pic"/>
                                            </a>
                                        </div>
                                        <!--图片简介div-->
                                        <div class="sum-pic-box">
                                            <p class="sum-palce-name">
                                                <a href="#">
                                                    地点名字
                                                </a>
                                            </p>
                                            <p class="writer">
                                                <a href="#">
                                                    作者或者分类
                                                </a>
                                            </p>
                                        </div>
                                        <!--作者及浏览-->
                                        <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                        </div>
                                    </li>
                                    <li>
                                        <!--推荐的图片div-->
                                        <div class="rec-div">
                                            <a href="#">
                                                <img src="communal/imgs/rec4.jpg" alt="0.0" class="rec-pic"/>
                                            </a>
                                        </div>
                                        <!--图片简介div-->
                                        <div class="sum-pic-box">
                                            <p class="sum-palce-name">
                                                <a href="#">
                                                    地点名字
                                                </a>
                                            </p>
                                            <p class="writer">
                                                <a href="#">
                                                    作者或者分类
                                                </a>
                                            </p>
                                        </div>
                                        <!--作者及浏览-->
                                        <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                        </div>
                                    </li>
                                    <li>
                                        <!--推荐的图片div-->
                                        <div class="rec-div">
                                            <a href="#">
                                                <img src="communal/imgs/rec5.jpg" alt="0.0" class="rec-pic"/>
                                            </a>
                                        </div>
                                        <!--图片简介div-->
                                        <div class="sum-pic-box">
                                            <p class="sum-palce-name">
                                                <a href="#">
                                                    地点名字
                                                </a>
                                            </p>
                                            <p class="writer">
                                                <a href="#">
                                                    作者或者分类
                                                </a>
                                            </p>
                                        </div>
                                        <!--作者及浏览-->
                                        <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                        </div>
                                    </li>
                                    <li>
                                        <!--推荐的图片div-->
                                        <div class="rec-div">
                                            <a href="#">
                                                <img src="communal/imgs/rec6.jpg" alt="0.0" class="rec-pic"/>
                                            </a>
                                        </div>
                                        <!--图片简介div-->
                                        <div class="sum-pic-box">
                                            <p class="sum-palce-name">
                                                <a href="#">
                                                    地点名字
                                                </a>
                                            </p>
                                            <p class="writer">
                                                <a href="#">
                                                    作者或者分类
                                                </a>
                                            </p>
                                        </div>
                                        <!--作者及浏览-->
                                        <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                        </div>
                                    </li>
                                    <li>
                                        <!--推荐的图片div-->
                                        <div class="rec-div">
                                            <a href="#">
                                                <img src="communal/imgs/rec7.jpg" alt="0.0" class="rec-pic"/>
                                            </a>
                                        </div>
                                        <!--图片简介div-->
                                        <div class="sum-pic-box">
                                            <p class="sum-palce-name">
                                                <a href="#">
                                                    地点名字
                                                </a>
                                            </p>
                                            <p class="writer">
                                                <a href="#">
                                                    作者或者分类
                                                </a>
                                            </p>
                                        </div>
                                        <!--作者及浏览-->
                                        <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                        </div>
                                    </li>
                                    <li>
                                        <!--推荐的图片div-->
                                        <div class="rec-div">
                                            <a href="#">
                                                <img src="communal/imgs/rec8.jpg" alt="0.0" class="rec-pic"/>
                                            </a>
                                        </div>
                                        <!--图片简介div-->
                                        <div class="sum-pic-box">
                                            <p class="sum-palce-name">
                                                <a href="#">
                                                    地点名字
                                                </a>
                                            </p>
                                            <p class="writer">
                                                <a href="#">
                                                    作者或者分类
                                                </a>
                                            </p>
                                        </div>
                                        <!--作者及浏览-->
                                        <div  class="sum-pic-tag-box">
                                                <span class="sum-pic-tag">
                                                    <a href="#">
                                                        图片标签
                                                    </a>
                                                </span>
                                                <span class="sum-brow">
                                                    <a href="#">
                                                        浏览量
                                                    </a>
                                                </span>
                                        </div>
                                    </li>
                                </ul>
                                <!--</div>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--空白部分-->
            <div class="container-fluid" style="padding-bottom: 30px"></div>
            <!--底部区域------footer------>
                    <!--链接app盒子-->
            <div class="col-md-8 col-md-offset-2">
                <!--穷游app-->
                <div class="app-box">
                    <ul class="qyapp-ul-left">
                        <li>
                            <h2 class="app-h2">慢游APP</h2>
                        </li>
                        <li>
                            <img src="communal/imgs/app_z.png" alt="0.0" class="app-pic"/>
                        </li>
                        <li>
                            <img src="communal/imgs/app_plan.png" alt="0.0" class="app-pic"/>
                        </li>
                        <li>
                            <img src="communal/imgs/app_guide.png" alt="0.0" class="app-pic"/>
                        </li>
                        <li>
                            <img src="communal/imgs/app_qyer.png" alt="0.0" class="app-pic"/>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>
</html>